<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Search</title>
    <script src="./node_modules/axios/dist/axios.min.js"></script>
    <link rel="stylesheet" href="./css/iconfont.css">
    <link rel="stylesheet" href="./css/style.css">
    <link rel="shortcut icon" href="./favicon.ico" />
</head>

<body>
    <div class="container">
        <div class="search-box" id="searchbox">
            <span class="brandIcon"><img src="./img/baidu.ico" alt=""></span>
            <input type="text" class="search-input" id="inputBox">
            <a href="#" class="search-btn" id="searchBtn">
                <div class="search-ico">
                    <embed src="./search.svg" type="image/svg+xml" />
                </div>
            </a>
        </div>
    </div>

    <div class="ulcontainer">
        <p id="ulContainerP"><i class="iconfont icon-mulu"></i></p>
        <ul id="videoUl">
            <li><span><img src="./img/bilibili.ico" alt=""><a href="https://bilibili.com">bilibili</a></span></li>
            <li><span><img src="./img/youtube.ico" alt=""><a href="https://youtube.com">youtube</a></span></li>
            <li><span><img src="./img/pixiv.png" alt=""><a href="https://pixiv.net">pixiv</a></span></li>

        </ul>
    </div>
</body>


<!-- 天气模块 -->
<div id="he-plugin-simple"></div>
<script>
    WIDGET = {
        "CONFIG": {
            "modules": "01234",
            "background": "5",
            "tmpColor": "FFFFFF",
            "tmpSize": "16",
            "cityColor": "FFFFFF",
            "citySize": "16",
            "aqiColor": "FFFFFF",
            "aqiSize": "16",
            "weatherIconSize": "24",
            "alertIconSize": "18",
            "padding": "10px 10px 10px 10px",
            "shadow": "0",
            "language": "auto",
            "borderRadius": "5",
            "fixed": "false",
            "vertical": "top",
            "horizontal": "left",
            "key": "9745813a7cc749c3abf80c0d059ad90d"
        }
    }
</script>
<script src="https://widget.qweather.net/simple/static/js/he-simple-common.js?v=2.0"></script>


<!-- 时间模块 -->
<div class="timerContainer">
    <div id="time"></div>
</div>

<!-- 句子模块 -->
<!-- <div class="juziContainer">
    <div id="juzi"></div>
</div> -->


<script src="./js/index.js"></script>

</html>